<template>
    <div>
        <div class="wrap-explain">
            <view class="title fb-28"> {{ title }} </view>

            <view class="content f-28">
                <parse :content="content" />
            </view>
        </div>
    </div>
</template>

<script>
import parse from "@/plugins/uParse/src/wxParse.vue";
export default {
    components: {
        parse,
    },
    props: {
        content: {
            type: String,
            default: "",
        },
    },
    data() {
        return {
            title: "充值说明",
        };
    },
};
</script>

<style lang="scss" scoped>
.wrap-explain {
    width: 100%;
    overflow: hidden;
    background-color: white;
    border-radius: 20rpx;
    box-sizing: border-box;
    padding: 30rpx;

    .title {
        color: $title-color;
    }
    .content {
        margin-top: 32rpx;
        width: 100%;
        overflow: hidden;
        color: #999999;
    }
}
</style>
